<!-- 4.3.1 setup详解
理解：setup()函数是vue3中专门新增的方法，可以理解为Composition API的入口.
setup是所有Composition API（组合API）“ 表演的舞台 ”。
组件中所用到的：数据、方法等等，均要配置在setup中。
setup函数的两种返回值：
若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。（重点关注！）
若返回一个渲染函数：则可以自定义渲染内容。（了解） (不常用) -->


<template>
    <h1>一个人的信息</h1>
    <h2>姓名:{{ name }}</h2>
    <h2>年龄:{{ age }}</h2>
    <button @click="sayHello">说话</button>
  </template>
  
  <script>
  // import {h} from 'vue'
  export default {
    name: "App",
    //此处只是测试一下setup，暂时不考虑响应式的问题。
    setup(){
      let name = "张三";
      let age = 18;
        
      const sayHello = () => {
        alert("你好");
      };
      // function sayHello() {}
        
      //返回一个对象(常用)
      return {
        name,age, gender,sayInfo
      }
      //返回一个渲染函数(了解),如果返回的是渲染函数,那template内的内容不奏效,页面渲染的就是你写的h函数中的内容 
      // return () => h("h1", "CaRuJuan");
    }
  };
  </script>
  